@charset "utf-8";

/* CSS Document */



#nav .navBox{border:2px solid #09c;}


#content .pageNav li a:hover{color:white;background:url(../images/index/list_icons.png) no-repeat -337px -216px #09c;}

#content .pageNav ul .hover_no{color:white;background:url(../images/index/list_icons.png) no-repeat -337px -216px #09c;}

#content .pageNav ul .hover_no a{color:white;}

#nav .nav{border-left:1px solid #0a76a6;}

#nav .li a:hover{background:url(../images/index/background_03.png) repeat-x 0 -44px;}

#nav .li{border-left:1px solid #3fb1e1;border-right:1px solid #0a76a6;}

#nav .navBox ul li a:hover{color:white;background:#09c;}

#nav .navBox ul li .hover_no{color:white;background:#09c;}

#nav .dateSearch{border-left:1px solid #3fb1e1}

#nav .navLi{width:85px;background:url(../images/index/list_icons.png) no-repeat 0 -127px;border-left:1px solid #3fb1e1;border-right:1px solid #0a76a6;}

#nav .dateLi .dateA{color:white;background:url(../images/index/list_icons.png) no-repeat 99px -253px;}

#nav .dateLi .dateA:hover{background:url(../images/index/list_icons.png) no-repeat -18px -253px;}

#nav .navLi{width:85px;position:relative;z-index:3;}

#nav .navLiHover{background:url(../images/index/list_icons.png) no-repeat -85px -127px;}

#main .A1{background:url(../images/index/list_icons.png) no-repeat 0 -88px;}

#main .A2{background:url(../images/index/list_icons.png) no-repeat -121px -88px;}

#main .A3{background:url(../images/index/list_icons.png) no-repeat -236px -88px;}

#main .A4{background:url(../images/index/list_icons.png) no-repeat -350px -88px;}

#main .download .iPhone{background:url(../images/index/list_icons.png) no-repeat;}

#main .download .iPhone:hover{background-position:0 -44px;}

#main .download .iPad{background:url(../images/index/list_icons.png) no-repeat -108px 0;}

#main .download .iPad:hover{background-position:-108px -44px;}

#main .download .android{background:url(../images/index/list_icons.png) no-repeat -210px 0;}

#main .download .android:hover{background-position:-210px -44px;}

#main .download .androidPad{background:url(../images/index/list_icons.png) no-repeat -326px 0;}

#main .download .androidPad:hover{background-position:-326px -44px;}



#vlist .v_bot .v_b_left ul li:hover{ color:#FFF;background-color:#09c;}

.worksbox{width:120px;height:170px;position:relative;}

.worksbox a{border:1px solid #F0F0E8;background-color:#FFF;padding:1px;display:block;}

.worksbox a:hover{border:1px solid #09c;background-color:#09c;text-decoration: none;}

.worksbox a span{display:none; text-align:center; font-size:12px;filter:alpha(opacity=70);}

.worksbox a:hover span{color:#FFF;display:block;background-color:#09c;width:120px;position:absolute;top:150px;left:0px;line-height:20px;}

.worksbox a img{width:114px;height:164px;}



.selectBox{display:block; position:absolute; z-index:10; background-color: #09c;filter:alpha(opacity=1);-moz-opacity:0.01;-khtml-opacity:0.01;opacity:0.01;}

#divfocus{border: #09c solid 2px; width:250px; position:absolute; padding:10px 15px; font-size:20px; background-color:#EEE;z-index:10;display:none;text-align:left;vertical-align:middle; font-family:微软雅黑,Verdana, Geneva, sans-serif;}

#page a{background:#09c;}
#page a:hover {background:#09c;}